<div class="container" style="height:100%;padding: 0;">
    <div v-if="pageAccessLimit" style="display:flex;justify-content: center;align-items: center;font-size: 50px;height: 50vh;">
        当前没有访问权限,请输入页面访问密码！！！
    </div>

    <el-form ref="commodityInfo" v-if="!pageAccessLimit" class="commodity mt-10 width100" label-width="100px" style="height:100%">
        <!-- 设备信息组件 -->
        <device-info ref="deviceInfo" @deviceSelectRowCallback="deviceSelectRowCallback"/>
        <!--新增一个层-->
        <div style="
        background: hsla(0, 5%, 80%, 0.345);

         padding: 20px;
        ">
            <el-tabs tab-position="left"
                     style="
        margin: auto;
        background-color: #FFFFFF;
        border-radius: 16px;
        padding: 30px 0px;
        min-height: 600px;
        " v-model="activeTab"
            >
                <el-tab-pane label="公共文件" name="commonFile" class="fontsize17">
                    <!-- 公共文件组件  -->
                    <common-file :deviceInfo="deviceInfo" :screenDirection="screenDirection"  ref="commonFile" />
                </el-tab-pane>
                <el-tab-pane label="文件管理" name="fileManage">
                    <!-- 文件管理组件  -->
                    <file-manage :deviceInfo="deviceInfo" :screenDirection="screenDirection" ref="fileManage" />
                </el-tab-pane>
                <el-tab-pane label="预览设备" name="previewDevice">
                    <!-- 预览设备组件 -->
                    <preview-device :deviceInfo="deviceInfo" :screenDirection="screenDirection" ref="previewDevice" />
                </el-tab-pane>
                <el-tab-pane label="图像处理" name="imgHandler">
                    <!-- 图像处理组件 -->
                    <img-handler :deviceInfo="deviceInfo" :screenDirection="screenDirection" ref="imgHandler" />
                </el-tab-pane>
                <el-tab-pane label="布局分析" name="layoutAnalysis">
                    <!-- 布局分析组件 -->
                    <layout-analysis :deviceInfo="deviceInfo" :screenDirection="screenDirection" ref="layoutAnalysis" />
                </el-tab-pane>
                <el-tab-pane label="远程脚本" name="remoteScript">
                    <!-- 远程脚本组件 -->
                    <remote-script :deviceInfo="deviceInfo" :screenDirection="screenDirection" ref="remoteScript" />
                </el-tab-pane>
                <el-tab-pane label="远程日志" name="remoteLog">
                    <!-- 远程日志组件 -->
                    <remote-log :deviceInfo="deviceInfo" :screenDirection="screenDirection" ref="remoteLog" />
                </el-tab-pane>
                <el-tab-pane label="页面匹配" name="pageMatching">
                    <!-- 页面匹配组件 -->
                    <page-matching :deviceInfo="deviceInfo" :screenDirection="screenDirection" ref="pageMatching" />
                </el-tab-pane>
                <!--<el-tab-pane label="定时任务" name="taskManage">
                    建设中！！！！
                </el-tab-pane>-->
            </el-tabs>
        </div>
        <el-button v-show="fileDialogIsMin" type="danger" @click.stop.native="phoneMaxFileEditorDialog" style="position: fixed;right: 10px;bottom: 10px;z-index: 999999;">还原文件编辑器</el-button>
        <!-- <i class="el-icon-caret-top" style="cursor:pointer; font-size: 40px;position: fixed;left: 10px;bottom: 8px;z-index: 999999;" @click.stop="bodyScrollTop"></i>
         <i class="el-icon-caret-bottom" style="cursor:pointer;font-size: 40px;position: fixed;left: 40px;bottom: 10px;z-index: 999999;" @click.stop="bodyScrollBottom"></i>--->
    </el-form>


    <div v-if="openLogWindow"
         :style="{'height':showWindowLog ? '300px' : '25px'}"
         style="width: 600px;
    background: #000000;
    color:green;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99999999999999999999;">
        <div style="width:100%;display:inline-flex;font-size: 17px;border-bottom: 1px solid #6d6161;background: #49493e;">
            <span style="padding: 0px 0px 3px 8px;color: #FFFFFF">实时日志</span>
            <div class="flex-1" style="text-align: right;"><i class="el-icon-delete" style="cursor: pointer;margin-right: 5px;color:white;"  @click.stop="clearShowWindowLog"></i><i :class="{'el-icon-caret-top' : showWindowLog, 'el-icon-caret-bottom':!showWindowLog}" style="cursor: pointer;color:white;" @click.stop="changeShowWindowLog"></i></div>
        </div>
        <div v-html="windowLogContent" style="height: calc(100% - 25px);overflow-y: scroll;" id="windowLogDiv">
        </div>
    </div>
</div>